<template>
  <div class="dashboard-editor-container">
    <div>
      <el-row>
        <el-col>
          <el-card>
            <div id="reader_id">
              <h3 style="margin: 0 0 3px 0;color: #585858;">读者证号：</h3>
              <el-input v-model="reader_id" placeholder="请输入借阅者读者证……" />
            </div>
          </el-card>
        </el-col>
        <el-col>
          <el-card>
            <div id="book_id">
              <h3 style="margin: 0 0 3px 0;color: #585858;">书号：</h3>
              <el-input v-model="book_id" placeholder="请输入借阅书号……" />
            </div>
          </el-card>
        </el-col>
        <el-col>
          <el-card>
            <div id="return_date">
              <h3 style="margin: 0 0 3px 0;color: #585858;">应sdcvsdvs：</h3>
              <el-input v-model="return_time" :disabled="true" />
            </div>
          </el-card>
        </el-col>
      </el-row>
    </div>
    <div>
      <el-row>
        <el-col style="text-align: center">
          <div id="check">
            <el-button icon="el-icon-check" style="height: 60px;width: 240px;font-size: 18px;">确认提交</el-button>
          </div>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Index',
  data() {
    return {
      reader_id: '',
      book_id: '',
      return_time: ''
    }
  },
  created() {
    var return_date = new Date()
    return_date.setDate(return_date.getDate() + 31)
    this.return_time = return_date.getFullYear() + ' 年 ' + (return_date.getMonth() + 1) + ' 月 ' + return_date.getDate() + ' 日'
  }
}
</script>

<style scoped>
  .dashboard-editor-container {
    padding: 32px;
    background-color: rgb(240, 242, 245);
    position: relative;
      margin: 0 0 3px 0;
      color: #585858;
  }
</style>
